<template>
    <div>
        <div class="ODdiv5">
            <div>订单金额：
                <span class="priceshow">¥{{MyOidData[0].totalPrice}}.00</span>
                （含运费¥0.00）</div>
            <div style="margin-top:6px">收货信息：**{{MyOidData[0].recvName.slice(2)}}，{{MyOidData[0].recvPhone.slice(0,3)}}*****{{MyOidData[0].recvPhone.slice(8,11)}}，{{MyOidData[0].recvProvince}} {{MyOidData[0].recvCity}} {{MyOidData[0].recvArea}} {{DetailedPlace.slice(0,6)}}***</div>
            <div style="margin-top:6px">支付方式：未选择</div>
            <div style="margin-top:6px">发票信息：电子发票 (待开票)
                <i class="el-icon-info" style="font-size:130%;color:rgb(152, 187, 255);cursor:help" 
                title="发票金额仅含实际支付的商品金额（不含
优惠券、唯品币支付等金额），个别支付
方式不支持开具发票。"></i>
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        name:'XiaoODSDown',
        data(){
            return{
                MyOidData:[{'totalPrice':'','recvName':'','recvPhone':'','recvProvince':'','recvCity':'','recvArea':'','recvAddress':''}],
                ProvinceCityArea:'',
                DetailedPlace:'',
            }
        },
        mounted(){
            this.$bus.$on('MyOidData',(MyOidData)=>{
                    this.MyOidData=MyOidData
                    this.ProvinceCityArea=this.MyOidData[0].recvProvince+this.MyOidData[0].recvCity+this.MyOidData[0].recvArea
                    this.DetailedPlace=this.MyOidData[0].recvAddress.slice(this.ProvinceCityArea.length)
            })
        },
        beforeDestroy(){
            this.$bus.$off('MyOidData')
        }
    }
</script>

<style scoped>
.ODdiv5{
    padding-top: 15px;
    border-top: 1px solid rgb(231, 231, 231);
    margin-left: 22px;
    margin-right: 22px;
    margin-top: 14px;
    /* background-color: rgb(255, 203, 203); */
    font-size: 12px;
}
.priceshow{
    font-weight: 550;
    color: rgb(255, 24, 90);
}
</style>